<template>
	<div class="content">
		<h1>学生姓名：{{name}}</h1>
	</div>
</template>

<script>
	// mo默认暴露方式暴露组件
	// 原型为 export default Vue.extend({...})
	// Vue.extend 可以直接省略简写
	export default {
		name: 'School', // 给组件取名
		data() {
			return {
				name: '张三',
				sex: '男'
			}
		},
		methods: {
			alertInfo() {
				alert('姓名：',this.name,'性别：',this.sex)
			}
		}
	}
</script>

<style>
	.content{
		background-color: aquamarine;
	}
</style>